import {
    add,
    sub
} from './js/mathUtils.js'

import './css/normal.css'

console.log(add(1, 2))

console.log(sub(2, 1))

import './css/special.less'



//使用vue进行开发
import Vue from 'vue'

const App = {
    template: `
    <div>
        <h2>{{message}}</h2>
        <button @click="btnClick">按钮</button></button>
    </div>
`,
    data() {
        return {
            message: 'vuejs',
        };
    },
    methods: {
        btnClick() {
            console.log("点击按钮")
        },
    },
}

new Vue({
    el: '#app',
    //内部vue会自动将template中的代码替换到div#app中
    //如果同时有el和template，则template的内容会替换el的内容
    template: '<App/>',
    components:{
        App
    }
})